<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>产品库存预警</title>
    <link rel="stylesheet" href="../../../../public/dist/css/layui.css">
    <link rel="stylesheet" href="../../../../public/font/iconfont.css">
    <link rel="stylesheet" href="../../../../css/twocss/commit.css">
</head>

<body>
    <form class="layui-form" action="">

        <div class="select common">
            <div class="select-title">查询条件</div>

            <div class="select-con">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:95px;">产品名称:</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input  Purchaseorder">
                        </div>
                    </div>
                </div>

                <div class="select-btn">
                    <div class="layui-bg-green comquery   Rawqquery">查询</div>
                    <div class="layui-bg-green comquery   reset ">重置</div>
                </div>
            </div>
        </div>
    </form>

    <div class="common-padding">
        <table class="layui-hide" id="test" lay-filter="testdome"></table>
    </div>
</body>


<script src="../../../../js/common/jquery.min.js"></script>
<script src="../../../../js/common/api.js"></script>
<script src="../../../../public/dist/layui.js" charset="utf-8"></script>
<script>
    layui.use(['table', ], function() {
        var $ = layui.jquery,
            table = layui.table;


        //获取列表
        var tableIns = table.render({
            elem: '#test',
            url: base + "OrdProcessing/getProductWarningVo",
            method: "GET",
            where: {},
            headers: {
                Authorization: "Bearer" + " " + sessions
            },
            request: {
                pageName: 'currentPage',
                limitName: 'pageSize'
            },
            limits: [10, 20],
            parseData: function(res) { //res 即为原始返回的数据
                console.log(res)
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "totalNum": res.pageBean.totalNum, //解析数据长度
                    "lists": res.pageBean.lists //解析数据列表
                };
            },
            request: {
                pageName: 'currentPage',
                limitName: 'pageSize'
            },
            response: {
                statusName: 'code', //数据状态的字段名称，默认：code
                statusCode: 10000, //成功的状态码，默认：0
                msgName: "msg", //状态信息的字段名称，默认：msg
                countName: 'totalNum', //数据总数的字段名称，默认：count
                dataName: 'lists', //数据列表的字段名称，默认：data
            },
            cellMinWidth: 80,
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['prev', 'page', 'next', 'skip', 'count'] //自定义分页布局
                    //,curr: 5 //设定初始在第 5 页
                    ,
                groups: 5 //只显示 1 个连续页码
                    ,
                first: true //不显示首页
                    ,
                last: true //不显示尾页
                    ,
                prev: "上一页",
                next: "下一页",
                theme: "#c81623",
            },
            // height: 'full-20',//满高
            cols: [
                [{
                    title: '编号',
                    type: 'numbers',
                    fixed: 'left'
                }, {
                    field: 'productname',
                    title: '产品名称',
                    minWidth: 120,
                    align: "center",
                }, {
                    field: 'username',
                    title: "最小库存量(KG)",
                    minWidth: 130,
                    align: "center",
                    templet: function(d) {
                        return "50KG"
                    },
                }, {
                    field: 'username',
                    title: "最大库存量(KG)",
                    minWidth: 130,
                    align: "center",
                    templet: function(d) {
                        return "1000KG"
                    },
                }, {
                    field: 'stocknum',
                    title: '库存量',
                    minWidth: 120,
                    align: "center",
                    templet: function(d) {
                        return Number(d.stocknum).toFixed(2);
                    },
                }, {
                    field: 'stocknum',
                    title: '状态',
                    minWidth: 120,
                    align: "center",
                    templet: function(d) {
                        var ss = ""
                        if (Number(d.stocknum) <= Number(50)) {
                            ss = "低于最小库存"
                            return ss
                        }
                        if (Number(d.stocknum) > Number(50) && Number(d.stocknum) < Number(1000)) {
                            ss = "库存正常"
                            return ss
                        }
                        if (Number(d.stocknum) > Number(1000)) {
                            ss = "超过最大库存"
                            return ss
                        }
                    }
                }]
            ]
        });




        /*查询*/
        $(".Rawqquery").click(function() {
            if ($(".Purchaseorder").val() == "") {
                layer.msg('请输入查询条件！', {
                    time: 1000,
                    offset: 't',
                });
                return
            }

            var datelist = {
                productname: $(".Purchaseorder").val()
            }
            tableIns.reload({
                where: datelist,
                page: {
                    curr: 1, //重新从第 1 页开始
                    layout: ['prev', 'page', 'next', 'skip', 'count']
                },
            })
        })


        /*重置*/
        $(".reset").click(function() {
            $(".Purchaseorder").val("");
            tableIns.reload({
                where: {},
                page: {
                    curr: 1, //重新从第 1 页开始
                    layout: ['prev', 'page', 'next', 'skip', 'count']
                },
            })
        })



    })
</script>

</html>